export const themes = {
  light: {
    // 灰色填充
    '--fill-gray': '#7e8392',
    // 通用亮色文字 例如白色文字
    '--text-bright': '#fff',
    // disable 颜色
    '--text-disabled': '#c0c4cc',
    // 常规文字颜色
    '--text-common': '#333',
    // 左侧菜单文字颜色常态
    '--text-menu-normal': '#333',
    // 左侧菜单文字颜色选中
    '--text-menu-active': '#409eff',
    // 头部菜单文字颜色
    '--text-head-menu': '#fff',
    // 按钮disable  表单等的左侧label颜色
    '--text-secondary': '#999',
    // 提示文字颜色placeholder
    '--text-placeholder': '#999',
    // 蓝色主题颜色 菜单选中  菜单鼠标经过 选中 可点击文字按钮的颜色
    '--text-primary': '#409eff',
    // 告警提示等文字颜色 删除按钮文字颜色
    '--text-red': '#ff4d4f',
    // 警告色 黄色
    '--text-yellow': '#ffba00',
    // 绿色 例如已审核等文字的颜色
    '--text-green': '#38b77c',

    // body背景色
    '--bg-body': '#f0f3f5',
    // 页面背景色
    '--bg-page': '#fff',
    // 头部背景填充色
    '--bg-header': '#427aff',
    '--bg-header-border': '#1753E0',
    '--bg-bright': '#fff',
    '--bg-light': '#dadada',
    '--bg-warning': '#ffba00',

    // 右侧底部背景色
    '--bg-main': '#f5f6fa',
    // 定义upload的颜色
    '--bg-black': 'rgba(0, 0, 0, 0.5)',
    '--bg-primary': '#409eff',

    // 弹窗阴影
    '--custom-msg-boxshadow': 'rgba(0, 0, 0, 0.16)',
    // 阴影light  例如高级搜索弹框
    '--boxshadow-light': 'rgba(98, 131, 121, 0.16)',
    // 内框  白色背景区域的边框色
    '--border-light': '#ececec',
    '--border-primary': '#409eff',
    '--border-success': '#38b77c',
    '--border-info': '#909399',
    '--border-warning': '#ffba00',
    '--border-danger': '#ff4d4f',
    /** 表格 begin **/
    // 头部文字颜色
    '--table-thead-text': '#707070',
    // 内容文字颜色
    '--table-tbody-text': '#606266',
    // 边线
    '--table-border': '#ececec',
    // 头部背景色
    '--table-header-bg': '#f7f7f7',
    // 鼠标经过背景色
    '--table-bg-hover': 'f9f9f9',
    /** 表格 end **/
    /** 左侧菜单 begin **/
    // 常态文字颜色
    '--menu-text-normal': '#333333',
    // 选中文字颜色
    '--menu-text-active': '#1890ff',
    // 常态背景色
    '--menu-bg-normal': '#fafafc',
    // 经过背景色 #8ec9ff
    '--menu-bg-hover': 'rgba(142,201,255, 0.1)',
    // 选中背景色 #1890ff
    '--menu-bg-active': 'rgba(24,144,255, 0.1)',
    /** 左侧菜单 end **/
    /** 头部菜单 begin **/
    // 文字颜色
    '--head-menu-text': '#ffffff',
    // 鼠标经过背景色  #325095
    '--head-menu-bg-hover': 'rgba(50,80,149, 0.1)',
    // 选中背景色 #325095
    '--head-menu-bg-active': 'rgba(50,80,149, 0.2)',
    /** 头部菜单 end **/
    /** 弹框 begin **/
    // 头部文字颜色
    '--dialog-header-text': '#333',
    // 内容提示文字 mesagebox
    '--dialog-msgbox-text': '#999',
    // 头部背景色
    '--dialog-header-bg': '#f7f7f7',
    // 内容背景色
    '--dialog-body-bg': '#fff',
    // 头部底下的边框颜色
    '--dialog-header-border': '#dadada',
    /** 弹框 end **/
    /** 车辆树组件 begin **/
    '--car-tree-list-title-bg': 'linear-gradient(180deg, #3283e4 0%, #2777e9 100%)',
    /** 车辆树组件 end **/

    /* 目录组件/ 预览树 */
    '--catalog-title-bg': '#F7F7F7',
    '--catalog-body-bg': '#FFFFFF',
    /*目录组件/预览树end*/
    /* tabs 选中 */
    '--tabs-active-bg': '#FFFFFF',
    '--tabs-active-text': '#409EFF',
    /* tabs 选中 end */
    /* 监控中心 */
    '--map-bg': '#fff',
    '--cars-legend-bg': '#fff',
    '--map-bottom-list-bg': '#fff',
    '--map-tool-bg': '#fff',
    '--map-car-border': 'transparent',
    '--tree-warp-bg': 'transparent',
    '--map-tool-split': '#ececec',
    '--cars-legend-split': '#999',
    /* 监控中心 end */
    /*视频背景颜色*/
    '--bg-video': '#333',
    '--bg-video-time-line': '#eee',
    /*视频背景颜色end*/
    /*ls-icon背景*/
    '--rficon-plus-bg': ' #409eff',
    '--rficon-minus-bg': ' #ff4d4f',
    '--rficon-delete-bg': ' #8f8ea5',
    '--rficon-radio-bg': ' #999',
    '--rficon-radioed-bg': ' #478eff',
    /*ls-icon背景 end*/
    /*首页渐变背景*/
    '--yellow-start': '#f9edcc',
    '--yellow-end': '#fffbdf',
    '--blue-start': '#cceff9',
    '--blue-end': '#d2fce9',
    '--border-bg': '#cfdaec',
    '--cell-bg': '#F7FAFF',
    '--item-bg': '#ffffff'
    /*首页渐变背景 end*/
  },
  dark: {
    // 灰色填充
    '--fill-gray': '#acbcd9',
    // 通用亮色文字 例如白色文字
    '--text-bright': '#dae7ff',
    // disable 颜色
    '--text-disabled': '#516585',
    // 常规文字颜色
    '--text-common': '#dae7ff',
    // 左侧菜单文字颜色常态
    '--text-menu-normal': '#acbcd9',
    // 左侧菜单文字颜色选中
    '--text-menu-active': '#dae7fe',
    // 头部菜单文字颜色
    '--text-head-menu': '#dae7ff',
    // 按钮disable  表单等的左侧label颜色
    '--text-secondary': '#acbcd9',
    // 提示文字颜色placeholder
    '--text-placeholder': '#606e84',
    // 蓝色主题颜色 菜单选中  菜单鼠标经过 选中 可点击文字按钮的颜色
    '--text-primary': '#478eff',
    // 告警提示等文字颜色 删除按钮文字颜色
    '--text-red': '#ff4d4f',
    // 警告色 黄色
    '--text-yellow': '#ffba00',
    // 绿色 例如已审核等文字的颜色
    '--text-green': '#38b77c',

    // body背景色
    '--bg-body': '#051939',
    // 页面背景色
    '--bg-page': '#1b2f4f',
    // 头部背景填充色
    '--bg-header': '#1a2e4e',
    '--bg-header-border': '#263F68',
    '--bg-bright': '#fff',
    '--bg-light': '#dadada',
    '--bg-warning': '#ffba00',

    // 右侧底部背景色
    '--bg-main': '#1b2f4f',
    // 定义upload的颜色
    '--bg-black': 'rgba(0,0,0,0.5)',
    '--bg-primary': '#409eff',

    // 弹窗阴影 深色吴阴影
    '--custom-msg-boxshadow': 'rgba(0,0,0,0)',
    // 阴影light  例如高级搜索弹框
    '--boxshadow-light': 'rgba(218, 231, 255, 0.15)',
    // 内框  白色背景区域的边框色
    '--border-light': '#2a4062',
    '--border-primary': '#478eff',
    '--border-success': '#35b849',
    '--border-info': '#3b3f4c',
    '--border-warning': '#ffba00',
    '--border-danger': '#ff4a4d',
    /** 表格 begin **/
    // 头部文字颜色
    '--table-thead-text': '#dae7ff',
    // 内容文字颜色
    '--table-tbody-text': '#acbcd9',
    // 边线
    '--table-border': '#364b6e',
    // 头部背景色
    '--table-header-bg': '#364b6e',
    // 鼠标经过背景色 #364b6e
    '--table-bg-hover': 'rgba(54,75,110, 0.3)',
    /** 表格 end **/
    /** 左侧菜单 begin **/
    // 常态文字颜色
    '--menu-text-normal': '#acbcd9',
    // 选中文字颜色
    '--menu-text-active': '#dae7fe',
    // 常态背景色
    '--menu-bg-normal': '#1e3559',
    // 经过背景色 #364b6e
    '--menu-bg-hover': 'rgba(54,75,110, 0.3)',
    // 选中背景色
    '--menu-bg-active': '#1a2d4d',
    /** 左侧菜单 end **/
    /** 头部菜单 begin **/
    // 文字颜色
    '--head-menu-text': '#dae7ff',
    // 鼠标经过背景色 #091a36
    '--head-menu-bg-hover': 'rgba(9,26,54, 0.5)',
    // 选中背景色
    '--head-menu-bg-active': '#091a36',
    /** 头部菜单 end **/
    /** 弹框 begin **/
    // 头部文字颜色
    '--dialog-header-text': '#dae7ff',
    // 内容提示文字 mesagebox
    '--dialog-msgbox-text': '#dae7ff',
    // 头部背景色
    '--dialog-header-bg': '#516585',
    // 内容背景色
    '--dialog-body-bg': '#1b2f4f',
    // 头部底下的边框颜色
    '--dialog-header-border': '#516585',
    /** 弹框 end **/
    /** 车辆树组件 begin **/
    '--car-tree-list-title-bg': '#364b6e',
    /** 车辆树组件 end **/

    /* 目录组件/ 预览树 */
    '--catalog-title-bg': '#2A4062',
    '--catalog-body-bg': '#1E3559',
    /*目录组件/预览树end*/
    /* tabs 选中 */
    '--tabs-active-bg': '#304363',
    '--tabs-active-text': '#DAE7FF',
    /* tabs 选中 end */

    /* 监控中心 */
    '--map-bg': '#041838',
    '--cars-legend-bg': '#137199',
    '--map-bottom-list-bg': '#364b6e',
    '--map-tool-bg': '#0a4862',
    '--map-car-border': '#46679b',
    '--tree-warp-bg': '#132844',
    '--map-tool-split': '#acbcd9',
    '--cars-legend-split': '#fff',
    /* 监控中心 end */

    /*视频背景颜色*/
    '--bg-video': '#061a3a',
    '--bg-video-time-line': '#364B6E',
    /*视频背景颜色end*/
    /*ls-icon背景*/
    '--rficon-plus-bg': ' #409eff',
    '--rficon-minus-bg': ' #ff4d4f',
    '--rficon-delete-bg': ' #46679b',
    '--rficon-radio-bg': ' #516585',
    '--rficon-radioed-bg': ' #478eff',
    /*ls-icon背景 end*/
    /*首页渐变背景*/
    '--yellow-start': '#ae835d',
    '--yellow-end': '#46608a',
    '--blue-start': '#4c9272',
    '--blue-end': '#465e85',
    '--border-bg': '#3d5b8a',
    '--cell-bg': '#283E61',
    '--item-bg': '#31486d'
    /*首页渐变背景 end*/
  }
}
